<template>
    <FormItem :label="`${itemData.label}：`" :prop="itemData.name" :label-for="itemData.name" :rules='itemData.rules'>
				<div class="qw-form-txt" v-if="itemData.readonly">{{ itemData.label }}</div>
        <Cascader v-else :disabled="itemData.disabled" v-model="formData[itemData.name]" @on-change='handleChange' :data="itemData.areaData" :changeOnSelect="itemData.changeOnSelect" :filterable="itemData.filterable"></Cascader>
    </FormItem>
</template>
<script>
    export default {
        props: {
            itemData: {
                type: Object
            },
            formData: {
                type: Object
            }
        },
        data () {
            return {
                dataList: []
            };
        },
        created () {},
        methods: {
            // 改变选中值
            handleChange (value) {
                this.$emit('handleChangeFormData', this.formData);
            }
        }
    }
</script>
